<template> 
	
	<div>
		<g-picker :columns=data ></g-picker>
		{{data}}
	</div>
</template>
<script>
import { reactive, computed, ref, onMounted, watch, toRefs } from "vue";
export default {
  setup(props, { attrs, emit, slots }) { 
  		var data=ref( [
        {
          text: '浙江',
          children: [
            {
              text: '杭州',
              children: [{ text: '西湖区' }, { text: '余杭区' }],
            },
            {
              text: '温州',
              children: [{ text: '鹿城区' }, { text: '瓯海区' }],
            },
          ],
        },
        {
          text: '福建',
          children: [
            {
              text: '福州',
              children: [{ text: '鼓楼区' }, { text: '台江区' }],
            },
            {
              text: '厦门',
              children: [{ text: '思明区' }, { text: '海沧区' }],
            },
          ],
        },
      ]
  		);
  		return {
  			data
  		}
  }
};
</script> 